<template>
    <div class="risk">
        <van-search class="info_search" v-model="value" placeholder="搜索"/>
        <div class="dep_item">
            <div class="dep_item_detail">
                <div class="dep_name">主要负责人</div>
                <div class="dep_sort">
                    <img src="@/assets/Images/AppIcon/icon_list_org.png" alt="">
                    <div>部门：无</div>
                </div>
                <div class="dep_sort">
                    <img src="@/assets/Images/AppIcon/icon_list_security.png" alt="">
                    <div>班组：无</div>
                </div>
                <div class="dep_sort">
                    <img src="@/assets/Images/AppIcon/icon_list_post.png" alt="">
                    <div>岗位：无</div>
                </div>
                <div class="dep_sort">
                    <img src="@/assets/Images/AppIcon/icon_list_security.png" alt="">
                    <div>风险点：无</div>
                </div>
                <div class="dep_sort">
                    <img src="@/assets/Images/AppIcon/icon_list_type.png" alt="">
                    <div>设备设施：无</div>
                </div>
                <div class="dep_sort">
                    <img src="@/assets/Images/AppIcon/icon_list_type.png" alt="">
                    <div>化学品：无</div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>

    export default {
        data() {
            return {
                menuList: [],
                activeNames: ['1'],
                border: false,
                value: ''
            }
        },
        created() {
        },
        methods: {
            // 选择部门
            goDepartment() {
                this.$router.push('/Site_RiskUnit/Department')
            },
            // 编辑风险位置
            goRiskLocation() {
                this.$router.push('/Site_RiskUnit/RiskLocation')
            },
            del() {
                // this.Dialog.confirm({
                //     title: '标题',
                //     message: '弹窗内容',
                // })
                //     .then(() => {
                //         // on confirm
                //     })
                //     .catch(() => {
                //         // on cancel
                //     });
            }
        },
    }
</script>

<style lang="less">
    .risk {
        height: 100vh;
        background-color: #e8f1f8;
        .info_search {
            padding: 10px;
            border-radius: 5px !important;
            .van-field__control{
                background-color: #ffffff !important;
            }
        }
    }
    .all_dep {
        background-color: #ffffff;
        padding: 10px;
        text-align: center;
    }
    .dep_item{
        width: 100%;
        padding: 0 10px 10px 10px;
        background-color: #e8f1f8;
    }
    .dep_item_detail{
        /* margin: 10px;*/
        padding: 10px;
        border-radius: 5px;
        background-color: #ffffff;
        position: relative;
        /* border-bottom: 1px solid #e8f1f8;*/
        .dep_name{
            margin-bottom: 10px;
        }
        .dep_sort{
            display: flex;
            align-items: center;
            margin-bottom: 5px;
            img{
                height: 15px;
                width: 15px;
                margin-right: 5px;
            }
        }
        .dep_btm{
            display: flex;
            justify-content: flex-end;
            .btm_item{
                display: flex;
                align-items: center;
                img{
                    height: 15px;
                    width: 15px;
                    margin-right: 5px;
                }
            }
        }
    }
</style>
